﻿<div class="container">
    <div class="row">
        <div class="singup-area">
            <div class="col-md-6 col-md-offset-3">
                <div class="signup-panel panel panel-default">
                    <div class="panel-heading">
                        <strong class="">Register</strong>
                    </div>
                    <div class="panel-body">
                        <form class="form-horizontal" role="form">
                            <div class="form-group">
                                <label for="inputUserName3" class="col-sm-3 control-label">User name</label>
                                <div class="col-sm-9">
                                    <input class="form-control" id="inputUserName3" placeholder="User name" required data-ng-model="registerData.userName">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputPassword3" class="col-sm-3 control-label">Password</label>
                                <div class="col-sm-9">
                                    <input type="password" class="form-control" id="inputPassword3" placeholder="Password" required data-ng-model="registerData.password">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputPassword4" class="col-sm-3 control-label">Confirm password</label>
                                <div class="col-sm-9">
                                    <input type="password" class="form-control" id="inputPassword4" placeholder="Confirm password" required data-ng-model="registerData.confirmPassword">
                                </div>
                            </div>
                            <div class="form-group last">
                                <div class="col-sm-offset-3 col-sm-9">
                                    <a class="btn btn-success btn-sm" ng-click="register()">Register</a>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="panel-footer">
                        <div data-ng-hide="message == null || message == ''" class="alert alert-danger">
                            {{message}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>